.base-upload-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  height: 100%;

  .upload-icon {
    font-size: 24px;
    color: var(--coz-fg-hglt);
  }

  .upload-title {
    display: flex;
    align-items: center;

    margin-top: 8px;

    font-size: 16px;
    font-weight: 500;
  }

  .upload-desc {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}

.upload-tooltip {
  width: 210px;

  img {
    width: 100%;
    margin-top: 4px;
  }
}


.normal-upload-content {
  width: 100%;
  height: 466px;

  background-color: var(--coze-bg-max);
  border: 1px dashed var(--coz-stroke-primary);
  border-radius: 6px;

  &.dragging {
    background-color: var(--coz-bg-primary);
    border-color: var(--coz-stroke-hglt);
  }
}

.full-upload-content {
  position: absolute;
  z-index: 300;

  width: 100%;
  height: 100%;

  opacity: 0.8;
}
